<!DOCTYPE html>
<!-- saved from url=(0109)http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122 -->
<html style="min-height: 883px;">
<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <title>一体化教学管理平台</title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="shortcut icon" href="http://yth.0101data.cn/img/favicon.ico">
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

  <link href="./04授课计划明细_files/site.completed.min.css" rel="stylesheet">
  <link href="./04授课计划明细_files/bootstrap-datetimepicker.css" rel="stylesheet">
  <link href="./04授课计划明细_files/toastr.min.css" rel="stylesheet">
  <link href="./04授课计划明细_files/select2.min.css" rel="stylesheet">
  <link href="./04授课计划明细_files/cbvm.app.css" rel="stylesheet">

  <!--end page level css-->
  <!-- global js -->
  <script src="./04授课计划明细_files/site.completed.min.js.下载"></script>
  <style type="text/css">
    .jp-card.jp-card-safari.jp-card-identified .jp-card-front:before,
    .jp-card.jp-card-safari.jp-card-identified .jp-card-back:before {
      background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
      background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
    }

    .jp-card.jp-card-ie-10.jp-card-flipped,
    .jp-card.jp-card-ie-11.jp-card-flipped {
      -webkit-transform: 0deg;
      -moz-transform: 0deg;
      -ms-transform: 0deg;
      -o-transform: 0deg;
      transform: 0deg;
    }

    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front,
    .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front {
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }

    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back,
    .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back {
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }

    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after,
    .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after {
      left: 18%;
    }

    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc,
    .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg);
      left: 5%;
    }

    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny,
    .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny {
      left: 84%;
    }

    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after,
    .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after {
      left: -480%;
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg);
    }

    .jp-card.jp-card-ie-10.jp-card-amex .jp-card-back,
    .jp-card.jp-card-ie-11.jp-card-amex .jp-card-back {
      display: none;
    }

    .jp-card-logo {
      height: 36px;
      width: 60px;
      font-style: italic;
    }

    .jp-card-logo,
    .jp-card-logo:before,
    .jp-card-logo:after {
      box-sizing: border-box;
    }

    .jp-card-logo.jp-card-amex {
      text-transform: uppercase;
      font-size: 4px;
      font-weight: bold;
      color: white;
      background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
      background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
      border: 1px solid #EEE;
    }

    .jp-card-logo.jp-card-amex:before,
    .jp-card-logo.jp-card-amex:after {
      width: 28px;
      display: block;
      position: absolute;
      left: 16px;
    }

    .jp-card-logo.jp-card-amex:before {
      height: 28px;
      content: "american";
      top: 3px;
      text-align: left;
      padding-left: 2px;
      padding-top: 11px;
      background: #267AC3;
    }

    .jp-card-logo.jp-card-amex:after {
      content: "express";
      bottom: 11px;
      text-align: right;
      padding-right: 2px;
    }

    .jp-card.jp-card-amex.jp-card-flipped {
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }

    .jp-card.jp-card-amex.jp-card-identified .jp-card-front:before,
    .jp-card.jp-card-amex.jp-card-identified .jp-card-back:before {
      background-color: #108168;
    }

    .jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex {
      opacity: 1;
    }

    .jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc {
      visibility: visible;
    }

    .jp-card.jp-card-amex.jp-card-identified .jp-card-front:after {
      opacity: 1;
    }

    .jp-card-logo.jp-card-discover {
      background: #FF6600;
      color: #111;
      text-transform: uppercase;
      font-style: normal;
      font-weight: bold;
      font-size: 10px;
      text-align: center;
      overflow: hidden;
      z-index: 1;
      padding-top: 9px;
      letter-spacing: .03em;
      border: 1px solid #EEE;
    }

    .jp-card-logo.jp-card-discover:before,
    .jp-card-logo.jp-card-discover:after {
      content: " ";
      display: block;
      position: absolute;
    }

    .jp-card-logo.jp-card-discover:before {
      background: white;
      width: 200px;
      height: 200px;
      border-radius: 200px;
      bottom: -5%;
      right: -80%;
      z-index: -1;
    }

    .jp-card-logo.jp-card-discover:after {
      width: 8px;
      height: 8px;
      border-radius: 4px;
      top: 10px;
      left: 27px;
      background-color: #FF6600;
      background-image: -webkit-radial-gradient(#FF6600, #fff);
      background-image: radial-gradient( #FF6600, #fff);
      content: "network";
      font-size: 4px;
      line-height: 24px;
      text-indent: -7px;
    }

    .jp-card .jp-card-front .jp-card-logo.jp-card-discover {
      right: 12%;
      top: 18%;
    }

    .jp-card.jp-card-discover.jp-card-identified .jp-card-front:before,
    .jp-card.jp-card-discover.jp-card-identified .jp-card-back:before {
      background-color: #86B8CF;
    }

    .jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover {
      opacity: 1;
    }

    .jp-card.jp-card-discover.jp-card-identified .jp-card-front:after {
      -webkit-transition: 400ms;
      -moz-transition: 400ms;
      transition: 400ms;
      content: " ";
      display: block;
      background-color: #FF6600;
      background-image: -webkit-linear-gradient(#FF6600, #ffa366, #FF6600);
      background-image: linear-gradient(#FF6600, #ffa366, #FF6600);
      height: 50px;
      width: 50px;
      border-radius: 25px;
      position: absolute;
      left: 100%;
      top: 15%;
      margin-left: -25px;
      box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
    }

    .jp-card-logo.jp-card-visa {
      background: white;
      text-transform: uppercase;
      color: #1A1876;
      text-align: center;
      font-weight: bold;
      font-size: 15px;
      line-height: 18px;
    }

    .jp-card-logo.jp-card-visa:before,
    .jp-card-logo.jp-card-visa:after {
      content: " ";
      display: block;
      width: 100%;
      height: 25%;
    }

    .jp-card-logo.jp-card-visa:before {
      background: #1A1876;
    }

    .jp-card-logo.jp-card-visa:after {
      background: #E79800;
    }

    .jp-card.jp-card-visa.jp-card-identified .jp-card-front:before,
    .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
      background-color: #191278;
    }

    .jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa {
      opacity: 1;
    }

    .jp-card-logo.jp-card-mastercard {
      color: white;
      font-weight: bold;
      text-align: center;
      font-size: 9px;
      line-height: 36px;
      z-index: 1;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
    }

    .jp-card-logo.jp-card-mastercard:before,
    .jp-card-logo.jp-card-mastercard:after {
      content: " ";
      display: block;
      width: 36px;
      top: 0;
      position: absolute;
      height: 36px;
      border-radius: 18px;
    }

    .jp-card-logo.jp-card-mastercard:before {
      left: 0;
      background: #FF0000;
      z-index: -1;
    }

    .jp-card-logo.jp-card-mastercard:after {
      right: 0;
      background: #FFAB00;
      z-index: -2;
    }

    .jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard,
    .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard {
      box-shadow: none;
    }

    .jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before,
    .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {
      background-color: #0061A8;
    }

    .jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard {
      opacity: 1;
    }

    .jp-card-logo.jp-card-maestro {
      color: white;
      font-weight: bold;
      text-align: center;
      font-size: 14px;
      line-height: 36px;
      z-index: 1;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
    }

    .jp-card-logo.jp-card-maestro:before,
    .jp-card-logo.jp-card-maestro:after {
      content: " ";
      display: block;
      width: 36px;
      top: 0;
      position: absolute;
      height: 36px;
      border-radius: 18px;
    }

    .jp-card-logo.jp-card-maestro:before {
      left: 0;
      background: #0064CB;
      z-index: -1;
    }

    .jp-card-logo.jp-card-maestro:after {
      right: 0;
      background: #CC0000;
      z-index: -2;
    }

    .jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro,
    .jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro {
      box-shadow: none;
    }

    .jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before,
    .jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before {
      background-color: #0B2C5F;
    }

    .jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro {
      opacity: 1;
    }

    .jp-card-logo.jp-card-dankort {
      width: 60px;
      height: 36px;
      padding: 3px;
      border-radius: 8px;
      border: #000000 1px solid;
      background-color: #FFFFFF;
    }

    .jp-card-logo.jp-card-dankort .dk {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    .jp-card-logo.jp-card-dankort .dk:before {
      background-color: #ED1C24;
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      display: block;
      border-radius: 6px;
    }

    .jp-card-logo.jp-card-dankort .dk:after {
      content: '';
      position: absolute;
      top: 50%;
      margin-top: -7.7px;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7px 7px 10px 0;
      border-color: transparent #ED1C24 transparent transparent;
      z-index: 1;
    }

    .jp-card-logo.jp-card-dankort .d,
    .jp-card-logo.jp-card-dankort .k {
      position: absolute;
      top: 50%;
      width: 50%;
      display: block;
      height: 15.4px;
      margin-top: -7.7px;
      background: white;
    }

    .jp-card-logo.jp-card-dankort .d {
      left: 0;
      border-radius: 0 8px 10px 0;
    }

    .jp-card-logo.jp-card-dankort .d:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      background: #ED1C24;
      border-radius: 2px 4px 6px 0px;
      height: 5px;
      width: 7px;
      margin: -3px 0 0 -4px;
    }

    .jp-card-logo.jp-card-dankort .k {
      right: 0;
    }

    .jp-card-logo.jp-card-dankort .k:before,
    .jp-card-logo.jp-card-dankort .k:after {
      content: '';
      position: absolute;
      right: 50%;
      width: 0;
      height: 0;
      border-style: solid;
      margin-right: -1px;
    }

    .jp-card-logo.jp-card-dankort .k:before {
      top: 0;
      border-width: 8px 5px 0 0;
      border-color: #ED1C24 transparent transparent transparent;
    }

    .jp-card-logo.jp-card-dankort .k:after {
      bottom: 0;
      border-width: 0 5px 8px 0;
      border-color: transparent transparent #ED1C24 transparent;
    }

    .jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before,
    .jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before {
      background-color: #0055C7;
    }

    .jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort {
      opacity: 1;
    }

    .jp-card-logo.jp-card-elo {
      height: 50px;
      width: 50px;
      border-radius: 100%;
      background: black;
      color: white;
      text-align: center;
      text-transform: lowercase;
      font-size: 21px;
      font-style: normal;
      letter-spacing: 1px;
      font-weight: bold;
      padding-top: 13px;
    }

    .jp-card-logo.jp-card-elo .e,
    .jp-card-logo.jp-card-elo .l,
    .jp-card-logo.jp-card-elo .o {
      display: inline-block;
      position: relative;
    }

    .jp-card-logo.jp-card-elo .e {
      -webkit-transform: rotate(-15deg);
      -moz-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
      -o-transform: rotate(-15deg);
      transform: rotate(-15deg);
    }

    .jp-card-logo.jp-card-elo .o {
      position: relative;
      display: inline-block;
      width: 12px;
      height: 12px;
      right: 0;
      top: 7px;
      border-radius: 100%;
      background-image: -webkit-linear-gradient( yellow 50%, red 50%);
      background-image: linear-gradient( yellow 50%, red 50%);
      -webkit-transform: rotate(40deg);
      -moz-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
      -o-transform: rotate(40deg);
      transform: rotate(40deg);
      text-indent: -9999px;
    }

    .jp-card-logo.jp-card-elo .o:before {
      content: "";
      position: absolute;
      width: 49%;
      height: 49%;
      background: black;
      border-radius: 100%;
      text-indent: -99999px;
      top: 25%;
      left: 25%;
    }

    .jp-card.jp-card-elo.jp-card-identified .jp-card-front:before,
    .jp-card.jp-card-elo.jp-card-identified .jp-card-back:before {
      background-color: #6F6969;
    }

    .jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo {
      opacity: 1;
    }

    .jp-card-container {
      -webkit-perspective: 1000px;
      -moz-perspective: 1000px;
      perspective: 1000px;
      width: 350px;
      max-width: 100%;
      height: 200px;
      margin: auto;
      z-index: 1;
      position: relative;
    }

    .jp-card {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1;
      position: relative;
      width: 100%;
      height: 100%;
      min-width: 315px;
      border-radius: 10px;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transition: all 400ms linear;
      -moz-transition: all 400ms linear;
      transition: all 400ms linear;
    }

    .jp-card>*,
    .jp-card>*:before,
    .jp-card>*:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family: inherit;
    }

    .jp-card.jp-card-flipped {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }

    .jp-card .jp-card-front,
    .jp-card .jp-card-back {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transition: all 400ms linear;
      -moz-transition: all 400ms linear;
      transition: all 400ms linear;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      border-radius: 10px;
      background: #DDD;
    }

    .jp-card .jp-card-front:before,
    .jp-card .jp-card-back:before {
      content: " ";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      border-radius: 10px;
      -webkit-transition: all 400ms ease;
      -moz-transition: all 400ms ease;
      transition: all 400ms ease;
    }

    .jp-card .jp-card-front:after,
    .jp-card .jp-card-back:after {
      content: " ";
      display: block;
    }

    .jp-card .jp-card-front .jp-card-display,
    .jp-card .jp-card-back .jp-card-display {
      color: white;
      font-weight: normal;
      opacity: 0.5;
      -webkit-transition: opacity 400ms linear;
      -moz-transition: opacity 400ms linear;
      transition: opacity 400ms linear;
    }

    .jp-card .jp-card-front .jp-card-display.jp-card-focused,
    .jp-card .jp-card-back .jp-card-display.jp-card-focused {
      opacity: 1;
      font-weight: 700;
    }

    .jp-card .jp-card-front .jp-card-cvc,
    .jp-card .jp-card-back .jp-card-cvc {
      font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
      font-size: 14px;
    }

    .jp-card .jp-card-front .jp-card-shiny,
    .jp-card .jp-card-back .jp-card-shiny {
      width: 50px;
      height: 35px;
      border-radius: 5px;
      background: #CCC;
      position: relative;
    }

    .jp-card .jp-card-front .jp-card-shiny:before,
    .jp-card .jp-card-back .jp-card-shiny:before {
      content: " ";
      display: block;
      width: 70%;
      height: 60%;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      background: #d9d9d9;
      position: absolute;
      top: 20%;
    }

    .jp-card .jp-card-front .jp-card-logo {
      position: absolute;
      opacity: 0;
      right: 5%;
      top: 8%;
      -webkit-transition: 400ms;
      -moz-transition: 400ms;
      transition: 400ms;
    }

    .jp-card .jp-card-front .jp-card-lower {
      width: 80%;
      position: absolute;
      left: 10%;
      bottom: 30px;
    }

    @media only screen and (max-width: 480px) {
      .jp-card .jp-card-front .jp-card-lower {
        width: 90%;
        left: 5%;
      }
    }

    .jp-card .jp-card-front .jp-card-lower .jp-card-cvc {
      visibility: hidden;
      float: right;
      position: relative;
      bottom: 5px;
    }

    .jp-card .jp-card-front .jp-card-lower .jp-card-number {
      font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
      font-size: 24px;
      clear: both;
      margin-bottom: 30px;
    }

    .jp-card .jp-card-front .jp-card-lower .jp-card-expiry {
      font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
      letter-spacing: 0em;
      position: relative;
      float: right;
      width: 25%;
    }

    .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before,
    .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-size: 7px;
      white-space: pre;
      display: block;
      opacity: .5;
    }

    .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before {
      content: attr(data-before);
      margin-bottom: 2px;
      font-size: 7px;
      text-transform: uppercase;
    }

    .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
      position: absolute;
      content: attr(data-after);
      text-align: right;
      right: 100%;
      margin-right: 5px;
      margin-top: 2px;
      bottom: 0;
    }

    .jp-card .jp-card-front .jp-card-lower .jp-card-name {
      text-transform: uppercase;
      font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
      font-size: 20px;
      max-height: 45px;
      position: absolute;
      bottom: 0;
      width: 190px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: horizontal;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .jp-card .jp-card-back {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg);
    }

    .jp-card .jp-card-back .jp-card-bar {
      background-color: #444;
      background-image: -webkit-linear-gradient(#444, #333);
      background-image: linear-gradient(#444, #333);
      width: 100%;
      height: 20%;
      position: absolute;
      top: 10%;
    }

    .jp-card .jp-card-back:after {
      content: " ";
      display: block;
      background-color: #FFF;
      background-image: -webkit-linear-gradient(#FFF, #FFF);
      background-image: linear-gradient(#FFF, #FFF);
      width: 80%;
      height: 16%;
      position: absolute;
      top: 40%;
      left: 2%;
    }

    .jp-card .jp-card-back .jp-card-cvc {
      position: absolute;
      top: 40%;
      left: 85%;
      -webkit-transition-delay: 600ms;
      -moz-transition-delay: 600ms;
      transition-delay: 600ms;
    }

    .jp-card .jp-card-back .jp-card-shiny {
      position: absolute;
      top: 66%;
      left: 2%;
    }

    .jp-card .jp-card-back .jp-card-shiny:after {
      content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free.AIt comes with no warranty.A  For support issues, please visit: github.com/jessepollak/card.";
      position: absolute;
      left: 120%;
      top: 5%;
      color: white;
      font-size: 7px;
      width: 230px;
      opacity: .5;
    }

    .jp-card.jp-card-identified {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    }

    .jp-card.jp-card-identified .jp-card-front,
    .jp-card.jp-card-identified .jp-card-back {
      background-color: #000;
      background-color: rgba(0, 0, 0, 0.5);
    }

    .jp-card.jp-card-identified .jp-card-front:before,
    .jp-card.jp-card-identified .jp-card-back:before {
      -webkit-transition: all 400ms ease;
      -moz-transition: all 400ms ease;
      transition: all 400ms ease;
      background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
      background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
      opacity: 1;
    }

    .jp-card.jp-card-identified .jp-card-front .jp-card-logo,
    .jp-card.jp-card-identified .jp-card-back .jp-card-logo {
      box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
    }

    .jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before,
    .jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before {
      background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
      background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
    }
  </style>
  <script src="./04授课计划明细_files/bootstrap-datetimepicker.js.下载"></script>
  <script src="./04授课计划明细_files/bootstrap-datetimepicker.zh-CN.js.下载"></script>
  <script src="./04授课计划明细_files/select2.min.js.下载"></script>
  <script src="./04授课计划明细_files/toastr.js.下载"></script>
  <script src="./04授课计划明细_files/cbvm.app.js.下载"></script>


  <!-- 我自己的样式 -->
  <link rel="stylesheet" type="text/css" href="newStyle.css" />

  <!--layui的样式库-->
  <link rel="stylesheet" href="./layui/css/layui.css">
  <script src="./layui/layui.all.js"></script>

</head>

<body class="skin-default fixed-menu" style="min-height: 883px; padding-top: 51px;">
  <div class="preloader" style="display: none;">
    <div class="loader_img">
      <img src="./04授课计划明细_files/loader.gif" alt="loading..." height="64" width="64" style="display: none;">
    </div>
  </div>
  <!-- header logo: style can be found in header-->
  <header class="header">
    <nav class="navbar navbar-fixed-top" role="navigation">
      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#"
        class="logo">
        <!-- Add the class icon to your logo image or logo icon to add the margining -->
        <h3 style="margin-top: 10px; color: #fff;">一体化教学管理平台</h3>
      </a>
      <!-- Header Navbar: style can be found in header-->
      <!-- Sidebar toggle button-->
      <!-- Sidebar toggle button-->
      <div>
        <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#"
          class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
          <i class="fa fa-fw ti-menu"></i>
        </a>
      </div>
      <div class="navbar-right">
        <ul class="nav navbar-nav">

          <!--rightside toggle-->
          <!-- User Account: style can be found in dropdown-->
          <li class="dropdown user user-menu">
            <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#"
              class="dropdown-toggle padding-user" data-toggle="dropdown" title="用户名: 13276966599">
              <div class="riot">
                <div>
                  欢迎, 许舒隆 开课人
                  <span>
                    <i class="caret"></i>
                  </span>
                </div>
              </div>
            </a>
            <ul class="dropdown-menu">
              <!-- User image -->
              <li class="user-header" style="height: 48px;">
                <p> 许舒隆</p>
              </li>
              <!-- Menu Body -->
              <li class="p-t-3">
                <a href="http://yth.0101data.cn/user/detail">
                  <i class="fa fa-fw ti-user"></i> 我的基本信息
                </a>
              </li>
              <li role="presentation" class="divider"></li>
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left">
                  <a href="http://yth.0101data.cn/changepassword">
                    <i class="fa fa-fw ti-lock"></i>
                    修改密码
                  </a>
                </div>
                <div class="pull-right">
                  <a href="http://yth.0101data.cn/logout">
                    <i class="fa fa-fw ti-shift-right"></i>
                    退出
                  </a>
                </div>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>
  </header>
  <div class="wrapper row-offcanvas row-offcanvas-left" style="min-height: 882px;">
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="left-side sidebar-offcanvas" style="min-height: 883px;">
      <!-- sidebar: style can be found in sidebar-->
      <section class="sidebar affix">
        <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 100vh;">
          <div class="left_slim" style="overflow: hidden; width: auto; height: 100vh;">
            <div id="menu" class="menu_align" role="navigation">
              <div class="nav_profile">
                <div class="media profile-left">
                  <a class="pull-left profile-thumb" href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#">
                    <h4>
                      <strong>一体化教学管理平台</strong>
                    </h4>
                    <i style="padding-left: 60px; color: #00adee;">学员管理后台-课程面板</i>
                  </a>
                </div>
              </div>
              <ul class="navigation">
                <li>
                  <a href="http://yth.0101data.cn/index">
                    <i class="menu-icon ti-desktop"></i>
                    <span class="mm-text ">我的主菜单</span>
                  </a>
                </li>
                <li class="menu-dropdown ">
                  <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/dashboard">
                    <i class="menu-icon glyphicon glyphicon-home"></i>
                    <span>我的课程面板</span>
                  </a>
                </li>
                <li class="menu-dropdown ">
                  <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/course/detail">
                    <i class="menu-icon fa fa-building-o"></i>
                    <span>课程基本信息</span>
                    <span class="fa arrow"></span>
                  </a>
                  <ul class="sub-menu collapse">
                    <li class="">
                      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/course/detail">
                        <i class="menu-icon glyphicon glyphicon-th-list"></i>
                        <span>课程资料</span>
                      </a>
                    </li>
                    <li class="">
                      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursedocumentcategory">
                        <i class="menu-icon glyphicon glyphicon-th-list"></i>
                        <span>文档类别管理</span>
                      </a>
                    </li>
                    <li class="">
                      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursedocumenttemplate">
                        <i class="menu-icon fa fa-stethoscope"></i>
                        <span>文档模版管理</span>
                      </a>
                    </li>
                    <li class="">
                      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursecapability">
                        <i class="menu-icon glyphicon glyphicon-th-list"></i>
                        <span>核心能力管理</span>
                      </a>
                    </li>
                  </ul>
                </li>
                <li class="menu-dropdown ">
                  <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursepartner">
                    <i class="menu-icon fa fa-users"></i>
                    <span>任课教师( 2 人)</span>
                  </a>
                </li>
                <li class="menu-dropdown ">
                  <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#">
                    <i class="menu-icon fa fa-building-o"></i>
                    <span>学员管理</span>
                    <span class="fa arrow"></span>
                  </a>
                  <ul class="sub-menu collapse">
                    <li class="">
                      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursestudent">
                        <i class="menu-icon fa fa-user-md"></i>
                        <span>学员信息管理</span>
                      </a>
                    </li>
                    <li class="">
                      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#">
                        <i class="menu-icon fa fa-trophy"></i>
                        <span>学员分组管理</span>
                        <span class="fa arrow"></span>
                      </a>
                      <ul class="sub-menu collapse" style="padding-left: 38px;">
                        <li class="">
                          <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseteamexamine">
                            <i class="menu-icon fa fa-folder"></i>
                            <span>分组测试题管理</span>
                          </a>
                        </li>
                        <li class="">
                          <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseteamexaminestudentscore">
                            <i class="menu-icon fa fa-dropbox"></i>
                            <span>分组测试考试结果</span>
                          </a>
                        </li>
                        <li class="">
                          <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursestudentteam">
                            <i class="menu-icon fa fa-linux"></i>
                            <span>学员智能分组</span>
                          </a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li class="menu-dropdown ">
                  <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#">
                    <i class="menu-icon fa fa-linux"></i>
                    <span>签到管理</span>
                    <span class="fa arrow"></span>
                  </a>
                  <ul class="sub-menu collapse">
                    <li class="">
                      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursemarktime">
                        <i class="menu-icon fa fa-folder"></i>
                        <span>签到时间管理</span>
                      </a>
                    </li>
                    <li class="">
                      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseipwhitelist">
                        <i class="menu-icon fa fa-dropbox"></i>
                        <span>签到白名单</span>
                      </a>
                    </li>
                    <li class="">
                      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursemark/summary">
                        <i class="menu-icon fa fa-linux"></i>
                        <span>签到统计</span>
                      </a>
                    </li>
                  </ul>
                </li>
                <li class="menu-dropdown active">
                  <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan">
                    <i class="menu-icon glyphicon glyphicon-home"></i>
                    <span>授课计划管理</span>
                  </a>
                </li>
                <li class="menu-dropdown ">
                  <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursereview">
                    <i class="menu-icon glyphicon glyphicon-check"></i>
                    <span>评审管理</span>
                  </a>
                </li>
                <li class="menu-dropdown ">
                  <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#">
                    <i class="menu-icon fa fa-trophy"></i>
                    <span>成绩管理</span>
                    <span class="fa arrow"></span>
                  </a>
                  <ul class="sub-menu collapse">
                    <li class="">
                      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courserewardpunish">
                        <i class="menu-icon fa fa-trophy"></i>
                        <span>奖惩分管理</span>
                      </a>
                    </li>
                    <li class="">
                      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/allcontributed">
                        <i class="menu-icon fa fa-tint"></i>
                        <span>学员成绩比例</span>
                      </a>
                    </li>
                    <li class="">
                      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursescore">
                        <i class="menu-icon fa fa-trello"></i>
                        <span>学员成绩报表</span>
                      </a>
                    </li>
                    <li class="">
                      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursescore/team">
                        <i class="menu-icon fa fa-bar-chart-o"></i>
                        <span>团队总成绩排名</span>
                      </a>
                    </li>
                    <li class="">
                      <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursescore/student">
                        <i class="menu-icon fa fa-signal"></i>
                        <span>个人总成绩排名</span>
                      </a>
                    </li>
                  </ul>
                </li>
                <li class="">
                  <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursemessage">
                    <i class="menu-icon glyphicon glyphicon-envelope"></i>
                    <span class="mm-text ">课程通知/公告</span>
                  </a>
                </li>
                <li class="">
                  <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#">
                    <i class="menu-icon ti-search"></i>
                    <span class="mm-text ">企业监管</span>
                  </a>
                </li>
                <li class="">
                  <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#">
                    <i class="menu-icon ti-check"></i>
                    <span class="mm-text ">问卷调查</span>
                  </a>
                </li>
                <li class="">
                  <a href="http://yth.0101data.cn/changepassword">
                    <i class="menu-icon ti-key"></i>
                    <span class="mm-text ">密码管理</span>
                  </a>
                </li>
                <li class="">
                  <a href="http://yth.0101data.cn/logout">
                    <i class="menu-icon ti-shift-right"></i>
                    <span class="mm-text ">退出</span>
                  </a>
                </li>
              </ul>
              <!-- / .navigation -->
            </div>
            <!-- menu -->
          </div>
          <div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 5px; position: absolute; top: 0px; opacity: 0.2; display: none; border-radius: 0px; z-index: 99; right: 1px; height: 882px;"></div>
          <div class="slimScrollRail" style="width: 5px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 0px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div>
        </div>
      </section>
      <!-- /.sidebar -->
    </aside>
    <aside class="right-side fixednav_right">
      <section class="content-header">
        <!--section starts-->
        <h1>
          核心能力管理
        </h1>
        <ol class="breadcrumb">
          <li>
            <a href="http://yth.0101data.cn/">
              <i class="fa fa-fw ti-home"></i> 面板
            </a>
          </li>
          <li>
            <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan">授课计划管理</a>
          </li>
          <li>
            明细页面
          </li>
        </ol>
      </section>

      <!-- 
        页面从这里开始
        去掉i标签
        修改了页面内标题部分的内容
        导论明细
      -->
      <section class="content">
        <div class="panel ">
          <div class="panel-heading">
            <h3 class="panel-title">
              <!-- 
                去掉i标签
              -->
              <!-- <i class="glyphicon glyphicon-th-list"></i>  -->
              导论 明细
            </h3>
          </div>
          <div class="panel-body border">

            <!--
              对form标签修改的内容全部放在此处
              label标签内span的位置改变（移动到文字前）
              最下面按钮部分修改了class

              ！增加了签到时间这个表单项 原来没有的

            -->
            <form id="form-validation" method="post" enctype="multipart/form-data" class="form-horizontal form-bordered bv-form" novalidate="novalidate">
              <button type="submit" class="bv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
              <div class="row">
                <div class="form-group">
                  <label class="col-sm-3 control-label" for="title">
                    <span class="required">*</span>标题
                  </label>
                  <div class="col-sm-6">
                    <input type="text" name="title" value="123" class="form-control" placeholder="标题" data-bv-field="title">
                    <small class="help-block" data-bv-validator="notEmpty" data-bv-for="title" data-bv-result="NOT_VALIDATED" style="display: none;">标题不能为空!</small>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label" for="coursescore">
                    <span class="required">*</span>课时
                  </label>
                  <div class="col-sm-6">
                    <input type="number" min="0" name="coursescore" value="1" class="form-control" placeholder="课时" data-bv-field="coursescore">
                    <small class="help-block" data-bv-validator="notEmpty" data-bv-for="coursescore" data-bv-result="NOT_VALIDATED" style="display: none;">课时不能为空!</small>
                    <small class="help-block" data-bv-validator="numeric" data-bv-for="coursescore" data-bv-result="NOT_VALIDATED" style="display: none;">课时不能小于0!</small>
                    <small class="help-block" data-bv-validator="greaterThan" data-bv-for="coursescore" data-bv-result="NOT_VALIDATED" style="display: none;">Please enter a value greater than or equal to %s</small>
                    <small class="help-block" data-bv-validator="integer" data-bv-for="coursescore" data-bv-result="NOT_VALIDATED" style="display: none;">Please enter a valid number</small>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">
                    <span class="required">*</span>授课日期
                  </label>
                  <div class="col-sm-6">
                    <div class="input-group date form_date" data-date="2018-03-18">
                      <input class="form-control" name="executedate" type="text" value="2018-03-18" data-bv-field="executedate">
                      <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                      </span>
                    </div>
                    <small class="help-block" data-bv-validator="date" data-bv-for="executedate" data-bv-result="NOT_VALIDATED" style="display: none;">时间格式必须为: 年-月-日!</small>
                    <small class="help-block" data-bv-validator="notEmpty" data-bv-for="executedate" data-bv-result="NOT_VALIDATED" style="display: none;">授课日期不能为空</small>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">
                    <span class="required">*</span>授课时间点
                  </label>
                  <div class="col-sm-2 notmarked">
                    <div class="input-group bootstrap-timepicker " data-date="19:36:00">
                      <input type="text" class="form-control form_timepicker" value="19:36" name="fromTime" data-bv-field="fromTime">
                      <span class="input-group-addon">
                        <i class="glyphicon glyphicon-time"></i>
                      </span>
                    </div>
                    <small class="help-block" data-bv-validator="notEmpty" data-bv-for="fromTime" data-bv-result="NOT_VALIDATED" style="display: none;">授课开始时间点不能为空!</small>
                  </div>
                  <div class="col-sm-2 notmarked">
                    <div class="input-group bootstrap-timepicker " data-date="19:36:00">
                      <input type="text" class="form-control form_timepicker" value="19:36" name="toTime" data-bv-field="toTime">
                      <span class="input-group-addon">
                        <i class="glyphicon glyphicon-time"></i>
                      </span>
                    </div>
                    <small class="help-block" data-bv-validator="notEmpty" data-bv-for="toTime" data-bv-result="NOT_VALIDATED" style="display: none;">授课结束时间点不能为空!</small>
                  </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">
                      <span class="required">*</span>签到时间
                    </label>
                    <div class="col-sm-2 notmarked">
                      <div class="input-group bootstrap-timepicker " data-date="19:36:00">
                        <input type="text" class="form-control form_timepicker" value="19:36" name="fromTime" data-bv-field="fromTime">
                        <span class="input-group-addon">
                          <i class="glyphicon glyphicon-time"></i>
                        </span>
                      </div>
                      <small class="help-block" data-bv-validator="notEmpty" data-bv-for="fromTime" data-bv-result="NOT_VALIDATED" style="display: none;">授课开始时间点不能为空!</small>
                    </div>
                    <div class="col-sm-2 notmarked">
                      <div class="input-group bootstrap-timepicker " data-date="19:36:00">
                        <input type="text" class="form-control form_timepicker" value="19:36" name="toTime" data-bv-field="toTime">
                        <span class="input-group-addon">
                          <i class="glyphicon glyphicon-time"></i>
                        </span>
                      </div>
                      <small class="help-block" data-bv-validator="notEmpty" data-bv-for="toTime" data-bv-result="NOT_VALIDATED" style="display: none;">授课结束时间点不能为空!</small>
                    </div>
                  </div>


                <div class="form-group">
                  <label class="col-sm-3 control-label">
                    <span class="required">*</span>教学内容
                  </label>
                  <div class="col-sm-6">
                    <textarea id="note" name="description" rows="7" class="form-control" placeholder="教学内容" data-bv-field="description">123</textarea>
                    <small class="help-block" data-bv-validator="notEmpty" data-bv-for="description" data-bv-result="NOT_VALIDATED" style="display: none;">教学内容不能为空!</small>
                  </div>
                </div>
                <div class="form-group form-actions">
                  <div class="col-sm-9 col-sm-offset-3">
                    <!-- <button type="submit" class="btn btn-effect-ripple btn-primary">
                      保存
                    </button>
                    <a class="btn btn-effect-ripple btn-default reset_btn4" href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan">
                      返回
                    </a> -->
                    <button type="submit" class="layui-btn">
                      保存
                    </button>
                    <a class="layui-btn layui-btn-primary" href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan">
                      返回
                    </a>

                  </div>
                </div>
              </div>

              <!--
                去掉了刷新按钮
                修改了新增按钮的样式
                新增了i标签

              -->
              <div class="fixed-table-toolbar filter-action">
                <div class="row">
                  <div class="col-sm-4">
                    <a class="layui-btn layui-btn-sm" href="#">
                      <i class="layui-icon">&#xe654;</i>
                      新增
                    </a>
                  </div>
                  <div class="col-sm-4">
                  </div>
                  <div class="col-sm-4">
                    <!-- <a class="btn btn-danger btn-sm pull-right" href="#">刷新</a> -->
                  </div>
                </div>
              </div>
              <div id="plantasks " class="row ">
                <div class="col-sm-12 ">
                  <!-- 
                    对表格修改的注释放在这儿
                    #号修改为“序号”宽度由20改为40px
                    对table新增一个tab类，去掉了一部分类
                    对tr新增一个tab-header类

                   -->
                  <table id="example " role="grid" aria-describedby="example_info " class="tab table dataTable no-footer">
                    <thead>
                      <tr class="tab-header">
                        <th data-field="0 " tabindex="0 " style="width: 40px; ">
                          <div class="th-inner ">序号</div>
                          <div class="fht-cell"></div>
                        </th>
                        <th data-field="1 " tabindex="0 " style="width: 150px; ">
                          <div class="th-inner ">标题</div>
                          <div class="fht-cell"></div>
                        </th>
                        <th data-field="1 " tabindex="0 " style="width: 150px; ">
                          <div class="th-inner ">对象</div>
                          <div class="fht-cell"></div>
                        </th>
                        <th data-field="1 " tabindex="0 " style="width: 150px; ">
                          <div class="th-inner ">截至日期</div>
                          <div class="fht-cell"></div>
                        </th>
                        <th data-field="1 " tabindex="0 ">
                          <div class="th-inner ">考核能力</div>
                          <div class="fht-cell"></div>
                        </th>
                        <th data-field="1 " tabindex="0 " style="width: 160px; ">
                          <div class="th-inner ">创建时间</div>
                          <div class="fht-cell"></div>
                        </th>
                        <th style="width: 100px;">操作</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr data-index="7">
                        <td>1</td>
                        <td>123</td>
                        <td>
                          <!---->
                          <span>团队</span>
                        </td>
                        <td>
                          2018-03-31
                        </td>
                        <td>
                          <ul style="list-style: decimal; padding-left: 18px;">
                            <li>123</li>
                          </ul>
                        </td>
                        <td>2018-03-20 14:53:31</td>
                        <td>
                          <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/plan/cplan5aae4f445f0604-81771122/task/edit/ctask5ab0afebceb7c1-80782452">
                            <!-- <i title="编辑作业" class="fa fa-fw ti-pencil text-primary actions_icon"></i> -->
                            编辑
                          </a>
                          <a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#"
                            data-toggle="modal">
                            删除
                            <!-- <i title="删除作业" class="fa fa-fw ti-close text-danger actions_icon"></i> -->
                          </a>
                        </td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>2</td>
                        <td>3</td>
                        <td>4</td>
                        <td>5</td>
                        <td>6</td>
                        <td>
                          <a href="#">编辑</a>
                          <a href="#">删除</a>
                        </td>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>2</td>
                        <td>3</td>
                        <td>4</td>
                        <td>5</td>
                        <td>6</td>
                        <td>
                          <a href="#">编辑</a>
                          <a href="#">删除</a>
                        </td>
                      </tr>

                    </tbody>
                  </table>
                </div>
              </div>
            </form>
          </div>
        </div>
      </section>
      <div class="modal fade " id="modal-delete " tabindex="-1 " role="dialog " aria-labelledby="Heading " aria-hidden="true ">
        <div class="modal-dialog ">
          <div class="modal-content ">
            <div class="modal-header ">
              <button type="button " class="close " data-dismiss="modal " aria-hidden="true ">×
              </button>
              <h4 class="modal-title custom_align " id="Heading ">删除作业</h4>
            </div>
            <div class="modal-body ">
              <div class="alert alert-warning ">
                <span class="glyphicon glyphicon-warning-sign "></span> 您确认删除该作业? </div>
            </div>
            <div class="modal-footer ">
              <button class="btn btn-danger " onclick="confirm2delete() ">
                <span class="glyphicon glyphicon-ok-sign "></span> 是
              </button>
              <button type="button " class="btn btn-success " data-dismiss="modal ">
                <span class="glyphicon glyphicon-remove "></span> 否
              </button>
            </div>
          </div>
          <!-- /.modal-content -->
        </div>
      </div>
      <script type="application/javascript ">
    var selectedplantaskid = null;
    $(function () {
        var isalreadySubmit = false;
        $("button[type='submit' ] ").click(function () {
            isalreadySubmit = true;
        });
        $('#form-validation').bootstrapValidator({
            fields: {
                title: {
                    validators: {
                        notEmpty: {
                            message: '标题不能为空!'
                        }
                    }
                },
                coursescore:{
                    validators: {
                        notEmpty: {
                            message: '课时不能为空!'
                        },
                        numeric: {
                            min: 0,
                            message: '课时不能小于0!'
                        }
                    }
                },
                executedate:{
                    validators: {
                        date: {
                            format: 'YYYY-MM-DD',
                            message: '时间格式必须为: 年-月-日!'
                        },
                        notEmpty: {
                            message: '授课日期不能为空'
                        }
                    }
                },
                fromTime:{
                    validators: {
                        notEmpty: {
                            message: '授课开始时间点不能为空!'
                        }
                    }
                },
                toTime:{
                    validators: {
                        notEmpty: {
                            message: '授课结束时间点不能为空!'
                        }
                    }
                },
                description:{
                    validators: {
                        notEmpty: {
                            message: '教学内容不能为空!'
                        }
                    }
                }
            },
            submitHandler: function (validator, form, submitButton) {

            }
        }).on('reset', function (event) {
            $('#form-validation').data('bootstrapValidator').resetForm();
        });

        $('.form_date')
            .on('changeDate', function (e) {
                if (isalreadySubmit) {
                    $input = $(e.currentTarget || e.target).find("input ");
                    $('#form-validation').bootstrapValidator('revalidateField', $input);
                }
            });
        loadtasks();
    })

    function loadtasks() {
        var vue = new Vue({
            "el ": "#plantasks ",
            data: {
                data: [],
                hasdata:false
            },
            methods:{
                deletetask:function (item) {
                    selectedplantaskid = item.id;
                    $("#modal-delete ").modal("show ");
                }
            }
        });

        var planid = "cplan5aae4f445f0604-81771122 ";
        if (!planid) {
            return;
        }
        showloading();
        $.get("/course-orginal/cse5a1017df459f94-67713264/coursetask/gettasks?planid=" + planid, {}, function (d) {
            vue.data = d.data;
            vue.hasdata =false;
            if(d.data!=null && d.data.length>0)
            {
                vue.hasdata=true;
            }
        }, " json ").always(function () {
            hideloading();
        });
    }

    function confirm2delete() {
        window.location.href = "/course-orginal/cse5a1017df459f94-67713264/plan/cplan5aae4f445f0604-81771122/task/delete/ " + selectedplantaskid;
    }
</script>
      <!--<div class="fixed-table-loading " style="top: 42px; " style="display: none; ">加载中, 请耐心等待...</div>-->
    </aside>
    <!-- /.right-side -->
  </div>
  <!-- ./wrapper -->

  <script type="text/javascript " src="./04授课计划明细_files/pnotify.custom.min.js.下载 "></script>
  <!-- end of page level js -->

  <!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->
  <script type="application/javascript ">
    $(function () {
        $("ul.navigation li a[href='/courseplan' ] ").parent("li ").addClass("active ");
    })
</script>

  <div class="datetimepicker datetimepicker-dropdown-bottom-left dropdown-menu " style="left: 1080.5px; z-index: 100011;
                      ">
    <div class="datetimepicker-minutes " style="display: none; ">
      <table class=" table-condensed
                      ">
        <thead>
          <tr>
            <th class="prev " style="visibility: visible; ">
              <span class="glyphicon glyphicon-arrow-left
                      "></span>
            </th>
            <th colspan="5 " class="switch ">18 三月 2018</th>
            <th class="next " style="visibility: visible; ">
              <span class="glyphicon
                      glyphicon-arrow-right "></span>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td colspan="7 ">
              <span class="minute active
                      ">0:00</span>
              <span class="minute ">0:05</span>
              <span class="minute ">0:10</span>
              <span class="minute ">0:15</span>
              <span class="minute
                      ">0:20</span>
              <span class="minute ">0:25</span>
              <span class="minute ">0:30</span>
              <span class="minute ">0:35</span>
              <span class="minute
                      ">0:40</span>
              <span class="minute ">0:45</span>
              <span class="minute ">0:50</span>
              <span class="minute
                      ">0:55</span>
            </td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <th colspan="7 " class="today ">今天</th>
          </tr>
          <tr>
            <th colspan="7 " class="clear " style="display: none;
                      ">Clear</th>
          </tr>
        </tfoot>
      </table>
    </div>
    <div class="datetimepicker-hours " style="display: none; ">
      <table class=" table-condensed
                      ">
        <thead>
          <tr>
            <th class="prev " style="visibility: visible; ">
              <span class="glyphicon glyphicon-arrow-left
                      "></span>
            </th>
            <th colspan="5 " class="switch ">18 三月 2018</th>
            <th class="next " style="visibility: visible; ">
              <span class="glyphicon
                      glyphicon-arrow-right "></span>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td colspan="7 ">
              <span class="hour active
                      ">0:00</span>
              <span class="hour ">1:00</span>
              <span class="hour ">2:00</span>
              <span class="hour ">3:00</span>
              <span class="hour
                      ">4:00</span>
              <span class="hour ">5:00</span>
              <span class="hour ">6:00</span>
              <span class="hour ">7:00</span>
              <span class="hour
                      ">8:00</span>
              <span class="hour ">9:00</span>
              <span class="hour ">10:00</span>
              <span class="hour ">11:00</span>
              <span class="hour
                      ">12:00</span>
              <span class="hour ">13:00</span>
              <span class="hour ">14:00</span>
              <span class="hour ">15:00</span>
              <span class="hour
                      ">16:00</span>
              <span class="hour ">17:00</span>
              <span class="hour ">18:00</span>
              <span class="hour ">19:00</span>
              <span class="hour
                      ">20:00</span>
              <span class="hour ">21:00</span>
              <span class="hour ">22:00</span>
              <span class="hour
                      ">23:00</span>
            </td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <th colspan="7 " class="today ">今天</th>
          </tr>
          <tr>
            <th colspan="7 " class="clear " style="display: none;
                      ">Clear</th>
          </tr>
        </tfoot>
      </table>
    </div>
    <div class="datetimepicker-days " style="display: block; ">
      <table class=" table-condensed
                      ">
        <thead>
          <tr>
            <th class="prev " style="visibility: visible; ">
              <span class="glyphicon glyphicon-arrow-left
                      "></span>
            </th>
            <th colspan="5 " class="switch ">三月 2018</th>
            <th class="next " style="visibility: visible; ">
              <span class="glyphicon
                      glyphicon-arrow-right "></span>
            </th>
          </tr>
          <tr>
            <th class="dow ">一</th>
            <th class="dow
                      ">二</th>
            <th class="dow ">三</th>
            <th class="dow ">四</th>
            <th class="dow ">五</th>
            <th class="dow ">六</th>
            <th class="dow
                      ">日</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="day old ">26</td>
            <td class="day old ">27</td>
            <td class="day old ">28</td>
            <td class="day
                      ">1</td>
            <td class="day ">2</td>
            <td class="day ">3</td>
            <td class="day ">4</td>
          </tr>
          <tr>
            <td class="day
                      ">5</td>
            <td class="day ">6</td>
            <td class="day ">7</td>
            <td class="day ">8</td>
            <td class="day ">9</td>
            <td class="day
                      ">10</td>
            <td class="day ">11</td>
          </tr>
          <tr>
            <td class="day ">12</td>
            <td class="day ">13</td>
            <td class="day
                      ">14</td>
            <td class="day ">15</td>
            <td class="day ">16</td>
            <td class="day ">17</td>
            <td class="day active
                      ">18</td>
          </tr>
          <tr>
            <td class="day today ">19</td>
            <td class="day ">20</td>
            <td class="day ">21</td>
            <td class="day
                      ">22</td>
            <td class="day ">23</td>
            <td class="day ">24</td>
            <td class="day ">25</td>
          </tr>
          <tr>
            <td class="day
                      ">26</td>
            <td class="day ">27</td>
            <td class="day ">28</td>
            <td class="day ">29</td>
            <td class="day ">30</td>
            <td class="day
                      ">31</td>
            <td class="day new ">1</td>
          </tr>
          <tr>
            <td class="day new ">2</td>
            <td class="day new ">3</td>
            <td class="day new
                      ">4</td>
            <td class="day new ">5</td>
            <td class="day new ">6</td>
            <td class="day new ">7</td>
            <td class="day new
                      ">8</td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <th colspan="7 " class="today ">今天</th>
          </tr>
          <tr>
            <th colspan="7 " class="clear " style="display: none;
                      ">Clear</th>
          </tr>
        </tfoot>
      </table>
    </div>
    <div class="datetimepicker-months " style="display: none; ">
      <table class="table-condensed
                      ">
        <thead>
          <tr>
            <th class="prev " style="visibility: visible; ">
              <span class="glyphicon glyphicon-arrow-left
                      "></span>
            </th>
            <th colspan="5 " class="switch ">2018</th>
            <th class="next " style="visibility: visible; ">
              <span class="glyphicon
                      glyphicon-arrow-right "></span>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td colspan="7 ">
              <span class="month
                      ">一月</span>
              <span class="month ">二月</span>
              <span class="month active ">三月</span>
              <span class="month ">四月</span>
              <span class="month
                      ">五月</span>
              <span class="month ">六月</span>
              <span class="month ">七月</span>
              <span class="month ">八月</span>
              <span class="month
                      ">九月</span>
              <span class="month ">十月</span>
              <span class="month ">十一月</span>
              <span class="month
                      ">十二月</span>
            </td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <th colspan="7 " class="today ">今天</th>
          </tr>
          <tr>
            <th colspan="7 " class="clear " style="display: none;
                      ">Clear</th>
          </tr>
        </tfoot>
      </table>
    </div>
    <div class="datetimepicker-years " style="display: none; ">
      <table class="table-condensed
                      ">
        <thead>
          <tr>
            <th class="prev " style="visibility: visible; ">
              <span class="glyphicon glyphicon-arrow-left
                      "></span>
            </th>
            <th colspan="5 " class="switch ">2010-2019</th>
            <th class="next " style="visibility: visible; ">
              <span class="glyphicon
                      glyphicon-arrow-right "></span>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td colspan="7 ">
              <span class="year
                      ">2009</span>
              <span class="year ">2010</span>
              <span class="year ">2011</span>
              <span class="year ">2012</span>
              <span class="year
                      ">2013</span>
              <span class="year ">2014</span>
              <span class="year ">2015</span>
              <span class="year ">2016</span>
              <span class="year
                      ">2017</span>
              <span class="year active ">2018</span>
              <span class="year ">2019</span>
              <span class="year
                      ">2020</span>
            </td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <th colspan="7 " class="today ">今天</th>
          </tr>
          <tr>
            <th colspan="7 " class="clear " style="display: none;
                      ">Clear</th>
          </tr>
        </tfoot>
      </table>
    </div>
  </div>
  <div class="swal2-container ">
    <div class="swal2-modal " style="display: none " tabindex="-1 ">
      <ul class="swal2-progresssteps
                      "></ul>
      <div class="swal2-icon swal2-error ">
        <span class="x-mark ">
          <span class="line left "></span>
          <span class="line right
                      "></span>
        </span>
      </div>
      <div class="swal2-icon swal2-question ">?</div>
      <div class="swal2-icon swal2-warning ">!</div>
      <div class="swal2-icon
                      swal2-info ">i</div>
      <div class="swal2-icon swal2-success ">
        <span class="line tip
                      "></span>
        <span class="line long "></span>
        <div class="placeholder "></div>
        <div class="fix "></div>
      </div>
      <img class="swal2-image
                      ">
      <h2></h2>
      <div class="swal2-content "></div>
      <input class="swal2-input ">
      <input type="file " class="swal2-file
                      ">
      <div class="swal2-range ">
        <output></output>
        <input type="range ">
      </div>
      <select class="swal2-select
                      "></select>
      <div class="swal2-radio "></div>
      <label for="swal2-checkbox " class="swal2-checkbox ">
        <input type="checkbox
                      ">
      </label>
      <textarea class="swal2-textarea "></textarea>
      <div class="swal2-validationerror "></div>
      <hr class="swal2-spacer
                      ">
      <button type="button " class="swal2-confirm ">OK</button>
      <button type="button " class="swal2-cancel
                      ">Cancel</button>
      <span class="swal2-close ">×</span>
    </div>
  </div>
  <div id="qb-sougou-search " style="display: none; opacity: 0;
                      ">
    <p>搜索</p>
    <p class="last-btn ">复制</p>
    <iframe src="./04授课计划明细_files/saved_resource.html "></iframe>
  </div>
</body>
<div id="yiButton
                      " style="display: none; ">翻译</div>
<div id="onLineTransBu " style="display: none; ">
  <img id="loading " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/loading.gif
                      ">网页翻译中...</div>
<div id="onLineFailResult " style="display: none; ">翻译失败...</div>
<div id="C_outerbox_trans_div " class="C_outerbox_up
                      " style="display: none; ">
  <div id="C_cententbox_trans_div ">
    <div id="cententbox_beforeFixBox ">
      <p id="C_ptitle_trans_p
                      ">原文</p>
      <p id="C_esay_trans_p "></p>
      <div id="C_bottomdiv_trans_div ">
        <img id="C_bottomimg_trans_img " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/img_logo.png
                      " style="cursor: pointer; ">
        <a id="C_bottoma_trans_a ">翻译纠错
          <img id="hrefa " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/IconArrowRight.png
                      ">
        </a>
      </div>
    </div>
    <div id="cententbox_afterFixBox ">
      <p id="cententbox_trans_fix_error ">翻译纠错</p>
      <div id="cententbox_trans_fix_box
                      ">
        <textarea id="cententbox_trans_fix_content "></textarea>
        <button id="cententbox_comfirmfix
                      ">确定</button>
      </div>
    </div>
  </div>
  <div id="C_innerbox_trans_div " class="C_innerbox_up "></div>
</div>
<div id="trans_yiwen_outerDiv " class="C_outerbox_up
                      " style="display: none; ">
  <div id="trans_yiwen_content ">
    <div id="beforeFixBox ">
      <p id="trans_yiwen_title
                      ">译文</p>
      <p id="trans_yiwen_easy "></p>
      <div id="trans_yiwen_bottomdiv ">
        <img id="trans_yiwen_bottom_img " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/img_logo.png
                      " style="cursor: pointer; ">
        <a id="trans_yiwen_bottom_a ">翻译纠错
          <img id="trans_yiwen_bottom_a_img " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/IconArrowRight.png
                      ">
        </a>
      </div>
    </div>
    <div id="afterFixBox ">
      <p id="trans_fix_error ">翻译纠错</p>
      <div id="trans_fix_box ">
        <textarea id="trans_fix_content
                      "></textarea>
        <button id="comfirmfix ">确定</button>
      </div>
    </div>
  </div>
  <div id="trans_yiwen_innerDiv " class="C_innerbox_up
                      "></div>
</div>
<div id="trans_word_outerDiv " class="C_outerbox_up " style="display: none; ">
  <div id="trans_word_content
                      ">
    <div id="trans_word_head ">
      <p id="trans_word_title "></p>
      <p id="trans_word_easy "></p>
    </div>
    <div id="eachcharadiv
                      "></div>
    <div id="trans_word_bottomdiv ">
      <img id="trans_word_bottom_img " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/img_logo.png
                      " style="cursor: pointer; ">
    </div>
  </div>
  <div id="trans_word_innerDiv " class="C_innerbox_up
                      "></div>
</div>
<div id="trans_box " style="display: none; ">
  <img id="trans_finish " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/IconFinsh.png
                      ">
  <translatebox id="trans_ptitle ">是否将当前网页翻译成中文?</translatebox>
  <div id="trans_spanPic " style="background: url(&quot;chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/arrowdownNormal.png&quot;)
                      center center no-repeat; "></div>
  <ul id="trans_buttonfalselist " style="display: none; ">
    <li class="buttonfalselistLi
                      thisNoTip ">此网站不再提醒</li>
    <li class="buttonfalselistLi allNoTip ">所有网站不再提醒</li>
  </ul>
  <div id="trans_buttonfalse
                      ">关闭</div>
  <button id="trans_buttonCompare ">中英对照</button>
  <button id="trans_buttontrue ">翻译网页</button>
</div>
<div id="transAutoBox
                      " style="display: none; ">
  <translatebox id="transAutoBox_ptitle ">自动翻译已开启</translatebox>
  <div id="transAutoBox_cancle
                      ">去设置</div>
  <div id="transAutoBox_close " style="background: url(&quot;chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/BtnClose2Normal.png&quot;)
                      center center no-repeat; "></div>
</div>
<div id="compareOuter " style="position: absolute; height: 882px;
                      left: -1605px; ">
  <div id="compareInner ">
    <h1 id="titleCompareUp "></h1>
    <h1 id="titleCompareDown
                      "></h1>
    <div id="innerLeft "></div>
    <div id="innerRight "></div>
  </div>
  <div id="compareLoading ">
    <img id="comparing
                      " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/loading.gif ">正在翻译...</div>
  <div id="compareFail
                      ">
    <img id="compareFailImg " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/ImgError.png
                      ">
    <h1 id="transFail ">翻译失败</h1>
    <p id="transP ">未能获得中英文对照翻译结果</p>
    <div id="buttonBottom ">
      <button id="againButton
                      ">重试</button>
      <button id="returnButton ">返回</button>
    </div>
  </div>
  <div id="closeCompare ">
    <a id="feedBackTrans " target="_blank
                      " href="http://bbs.browser.qq.com/thread-241037-1-1.html ">我要反馈</a>
    <img id="closeImg " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/timg.png
                      ">
  </div>
  <div id="whiteDiv "></div>
</div>

</html>